<ion-view view-title="{{pageTitle}}">
  <ion-content>
    <section class="light royal-bg text-center">
      <div class="row">
        <div class="col">
          <h3 class="light">{{"60%"}}</h3>
          <div class="attenuated">本月任务进度</div>
        </div>

        <div class="col">
          <h3 class="light">第 {{12}} 名</h3>
          <div class="attenuated">本月排名</div>
        </div>
      </div>
    </section>
    <section class="percent margin-bottom">
      <span class="percent-inner" style="right:0"></span>
      <span class="percent-inner" style="left:{{(1 - 0.6)*100 +'%'}};background:#f00;"></span>
      <div class="padding percent-content row">
        <div class="col">
          <div class="h4 light">{{myPreformance.thisMonthPref.totalSale | currency:'￥' }}</div>
          <div class="light margin-top">完成量</div>
        </div>
        <div class="col text-right">
          <div class="h4 light">{{778787 | currency:'￥' }}</div>
          <div class="light margin-top">总额度</div>
        </div>
      </div>
    </section>

    <section class="margin-top-large">
      <ion-list>
        <div ng-repeat="preformance in myPreformance">
          <ion-item class="item item-divider" ng-class="{'margin-top-large':$index>1 }" ng-if="preformance.totalSale>0">
            {{preformance.title}}
          </ion-item>
          <ion-item class="item-icon-right"
          ui-sref="app.sale-order-list({'title': preformance.title,'startTime': preformance.startTime, 'endTime':preformance.endTime})"
          ng-if="preformance.totalSale>0">
            <span><span class="dark2">销售额：</span><span>{{(preformance.totalSale | currency:'￥' )}}</span></span>
            <span class="item-note"><span>{{preformance.count}} 单</span></span>
            <i class="icon ion-ios-arrow-right"></i>
          </ion-item>
        </div>
      </ion-list>
    </section>

  </ion-content>
</ion-view>
